h1,h2,h3,h4,h5{
    font-weight: normal;
    line-height: 1.2;
}
#store-banner{
   background: center top no-repeat #222;
   background-size: cover;
   .inner{
       h1{
           letter-spacing: 1px;
           line-height: 1.2;
           margin-bottom: 10px;
           font-size: 28px;
       }
       p{
          background: none;
       }
   }
}
.store-container{
    background-color: #f1f1f1;
    padding-bottom: 20px;
        .guide{
            text-align: center;
            padding-top: 10px;
            position: relative;
            .group{
                height: 50px;
                border-bottom: 1px solid #D8D8D8;
                li{
                    float: none;
                    display: inline-block;               
                    font-size: 14px;
                    height: 50px;
                    line-height: 50px;
                    margin: auto 20px;
                    a{
                       
                        color: #666;
                        padding: 11px 10px 16px 10px;
                    }
                }
                .current{
                    border-bottom: 1px solid #666;
                }
            }
        }
        
        .main{
            margin: 20px auto 0 auto;
            .good-list{
                ul{
                    margin: auto -10px;
                    height: auto;
                    overflow: hidden;
                    li{
                        float: left;
                        padding-bottom: 30px;
                        width: 320px;
                        position: relative;
                        .item{
                            background-color: #FFF;
                            position: relative;
                            border: 10px solid #fff;
                            margin: auto 10px;
                            overflow: hidden; 
                            box-shadow: 0 1px 1px rgba(0,0,0,0.15);     
                            border-bottom: 0 none;
                            .basic{
                                position: relative;
                                height: 180px;
                                overflow: hidden;
                                .sceenhot{
                                    height: 180px;
                                    line-height: 1;
                                    img{
                                         transition: transform 0.3s;
                                    }
                                }
                                .name{
                                    position: absolute;
                                    background-color: #fff;
                                    font-size: 12px;
                                    bottom: -24px;
                                    left: 0;
                                    padding: 10px 5px 0 5px;
                                    transition: transform 0.3s;
                                    width: 100%;
                                    a{
                                        color: #333;
                                    }
                                }
                            } 
                            .info{
                                margin: 10px auto;
                                padding:0 5px;
                                .descrip{
                                    color: #777;
                                    margin-bottom: 15px;
                                }
                                .price{
                                    color: #ea4c89;
                                    font-size: 12px;
                                    font-family: arial;
                                    strong{
                                        font-size: 24px;
                                        font-weight: nomal;
                                    }
                                    a{
                                        padding: 3px 10px;
                                        background-color: #ea4c89;
                                        color: #fff;
                                        float: right;
                                        font-family: "Helvetica neue",Helvetica,Tahoma,"lantinghei sc","Microsoft Yahei", sans-serif;
                                        border-radius: 3px;
                                    }
                                }
                            }    
                        }
                        &:hover img{
                            transform: translateY(-20px);
                        }
                        &:hover .name{
                            transform: translateY(-24px);
                        }
                    }
                    
                }
            }
        }
}


@media only screen and (max-width: 1260px) {
    .content{
        width: auto;
        margin: 0 20px;
        .main{
            width: 940px;
          
        }
    }
    
    
    
}

@media only screen and (max-width: 1024px) {
    .content{
        
        .main{
            width: 620px;
           
        }
    }
    
    
    
}
@media only screen and (max-width: 768px) {
    .content{
        
        .main{
            width: 300px;
          
        }
    }    
}
 @media only screen and (max-width: 500px) {
    
    #store-banner{
        max-height:190px;
        .wrapper{
            padding-top: 20px;
        }
    }
}